<template>
  <div id="app">
    <router-view />
    <!-- 图标sprite（建议放在页面底部） -->
    <svg style="display: none;">
      <!-- 首页图标 -->
      <symbol id="home-icon" viewBox="0 0 24 24">
        <path d="M10 20v-6h4v6h5v-8h3L12 3 2 12h3v8h5z" />
      </symbol>
      
      <!-- 在线挂号图标 -->
      <symbol id="registration-icon" viewBox="0 0 24 24">
        <path d="M19 3h-4.18C14.4 1.84 13.3 1 12 1c-1.3 0-2.4.84-2.82 2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm0 16H5V8h14v11z" />
      </symbol>
      
      <!-- 我的预约图标 -->
      <symbol id="appointment-icon" viewBox="0 0 24 24">
        <path d="M19 3h-4.18C14.4 1.84 13.3 1 12 1c-1.3 0-2.4.84-2.82 2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-7 0c.55 0 1 .45 1 1s-.45 1-1 1-1-.45-1-1 .45-1 1-1zm0 4c1.66 0 3 1.34 3 3s-1.34 3-3 3-3-1.34-3-3 1.34-3 3-3zm6 11H6v-1c0-2 4-3.1 6-3.1s6 1.1 6 3.1v1z" />
      </symbol>
      
      <!-- 医院信息图标 -->
      <symbol id="hospital-icon" viewBox="0 0 24 24">
        <path d="M19 4h-1V2h-2v2H8V2H6v2H5c-1.11 0-1.99.9-1.99 2L3 19c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 14H5V8h14v10z" />
      </symbol>
      
      <!-- 我的图标 -->
      <symbol id="my-icon" viewBox="0 0 24 24">
        <path d="M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z" />
      </symbol>
      
      <!-- 登录图标 -->
      <symbol id="login-icon" viewBox="0 0 24 24">
        <path d="M16 4h2v7h-2zm0 4h2v2h-2zm0 4h2v2h-2zM7 18h2v-2H7zm0-4h2v-2H7zm0-4h2V8H7zm6 10c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0-6c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2z" />
      </symbol>
    </svg>
  </div>
  <div id="app">

    <div class="content-wrapper">

      
    </div>
  </div>
</template>

<script setup>
</script>

<style scoped>
#app {
  font-family: Avenir, Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.content-wrapper {
  margin-top: 60px;
  min-height: auto; /* 关键修改：移除强制高度 */
  padding: 0;
  width: 100%;
  box-sizing: border-box;
}
</style>